Wait Messages on Ajax Callbacks
Description
Settings for adding a wait message to the UX Component that is shown when a callback to the server is made.
Discussion
In mobile applications, where network connections are often slow, it becomes important to let the user know that there will be a delay while an Ajax callback completes. This is easily done with a global setting in the UX Component.
To turn on automatic wait messages, go to the Properties pane in the UX Component and check the Show wait messages on Ajax callbacks property.
Show wait messages on Ajax callbacks
Specify if a wait dialog should be shown when an Ajax callback is made. When the callback completes, the wait message will be hidden.
Use CSS3 Animation
The wait window can display a wait icon. This icon can be an image (such as an animated .gif) or a CSS3 animation. Specify if the wait window should use a CSS3 animation by checking this property
Animation size
Specify the animation size in pixels. This option is only available if Use CSS3 Animation is enabled.
Wait message text
Specify the text to show in the message. You can leave this blank if you only want to show the spinner. You can use language or text dictionary tags here (e.g. <a5:r> or <a5:t>) This option is only available if Use CSS3 Animation is disabled.
Wait image
Specify the wait icon. Typically an animated .gif image is used. This option is only available if Use CSS3 Animation is disabled.
Message class name
This property can be used to assign a CSS class to the wait message. The CSS class can be used to style the message. Leave this property blank to use the default class name for the wait message.
Lock screen class name
This property can be used to assign a CSS class to the lock screen. The CSS class can be used to style the lock screen. The lock screen is used to prevent the user from using the app until the operation completes. Leave this property blank to use the default class name for the lock screen.
Videos
Automatically Displaying a 'Wait' Message on an Ajax Callback
In mobile applications, where network connections are often slow, it becomes important to let the user know that there will be a delay while an Ajax callback completes. This is easily done with a global setting in the UX Component.
See Also